﻿<%@ Page Language="C#" MasterPageFile="~/Template.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebThuongMaiDienTu.WebForm1" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script type="text/javascript">
        $(document).ready(function() {
 
            $(".water").focus(function() {
                if ($(this).val() == this.title) {
                    $(this).val(""); $(this).removeClass("water");
                }
            });
 
            $(".water").blur(function() {
                if ($.trim($(this).val()) == "") {                   
                    $(this).val(this.title); $(this).addClass("water");
                }
            });
        });       
 
    </script>
    <div class="demoheading">TextBoxWatermark Demonstration Using jQuery</div>      
        <asp:Label ID="lblFNm" runat="server" Text="First name:"></asp:Label>
        <asp:TextBox ID="txtFNm" class="water" Text="Type your First Name" runat="server" Tooltip="Type your First Name"></asp:TextBox><br />
        <asp:Label ID="lblLNm" runat="server" Text="Last name:"></asp:Label>
        <asp:TextBox ID="txtLNm" class="water" Text="Type your Last Name" runat="server" Tooltip="Type your Last Name"                 ></asp:TextBox> 
</asp:Content>
